<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>提瓦特页面</title>
  <link rel="stylesheet" href="./libs/iconfont/iconfont.css">

  <link rel="stylesheet" href="./boot/bootstrap.min.css">
  <link rel="stylesheet" href="./css/twtwz.css">
</head>

<body>

  <div class="top-box">
    <!-- 左图标 -->
    <div>
      <div id="xhz1">
        <img class="sb" id="imgLogo5" src="./img/tp10.jpg" alt="" title="修改头像">
      </div>
    </div>

    <!-- 中间查询 -->
    <div class="cx">
      <div class="m-2 text-end d-flex justify-content-end">
        <div class="row">

          <div class="col-auto">
            <input type="text" id="txtqtitle" class="form-control" placeholder="搜索">
          </div>

          <div class="col-auto">
            <span class="btn btn-info" id="btnquery">搜索</span>
          </div>

        </div>
      </div>
    </div>

    <!-- 右内容 -->
    <!-- 右边菜单 -->
    <div style="display:flex;">

      <!-- 菜单项 -->
      <div class="menu">
        <!-- 上下布局 -->
        <div>


          <div class="menu">
            <!-- 图片 -->
            <div>
              <img class="sb" id="imgLogo" src="img/tp10.jpg" alt="" title="个人页面">
            </div>
            <div>
              <div class="zz sb" id="spExit">安全退出</div>
            </div>

          </div>


        </div>



      </div>

    </div>


  </div>
  </div>


  <div class="First">

  </div>






  <table>
    <thead>
      <div class="page">
        <div class="content">
          <div class="navBar">
            <div id="a" class="item sb">最新</div>
            <div id="b" class="item sb">最热</div>
            <div id="c" class="item sb">好评</div>
          </div>
          <div class="list">

            <div class="item">
              <div class="avator">
                <img id="imgLogo1" src="img/tp10.jpg" alt="">
              </div>
              <div class="info">
                <div id="zh1" class="email"></div>
                <div id="sj1" class="time"></div>
                <form action="pl.html">
                  <div class="text word3">
                    <input class="boxx" hidden id="btt1" type="text" name="umid">
                    <button class="btnbtn" id="bt1" type="submit" value="登入">
                  </div>
                </form>
                <div class="do">
                  <div id="dianzhan1" class="good btn"></div>
                  <div id="dj1" class="look btn"></div>
                  <div id="pingr1" class="common btn"></div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="avator">
                <img id="imgLogo2" src="img/tp10.jpg" alt="">
              </div>
              <div class="info">
                <div id="zh2" class="email"></div>
                <div id="sj2" class="time"></div>
                <form action="pl.html">
                  <div class="text word3">
                    <input class="boxx" hidden id="btt2" type="text" name="umid">
                    <button class="btnbtn" id="bt2" type="submit" value="登入">
                  </div>
                </form>
                <div class="do">
                  <div id="dianzhan2" class="good btn"></div>
                  <div id="dj2" class="look btn"></div>
                  <div id="pingr2" class="common btn"></div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="avator">
                <img id="imgLogo3" src="img/tp10.jpg" alt="">
              </div>
              <div class="info">
                <div id="zh3" class="email"></div>
                <div id="sj3" class="time"></div>
                <form action="pl.html">
                  <div class="text word3">
                    <input class="boxx" hidden id="btt3" type="text" name="umid">
                    <button class="btnbtn" id="bt3" type="submit" value="登入">
                  </div>
                </form>
                <div class="do">
                  <div id="dianzhan3" class="good btn"></div>
                  <div id="dj3" class="look btn"></div>
                  <div id="pingr3" class="common btn"></div>
                </div>
              </div>
            </div>
            <div class="item">
              <div class="avator">
                <img id="imgLogo4" src="img/tp10.jpg" alt="">
              </div>
              <div class="info">
                <div id="zh4" class="email"></div>
                <div id="sj4" class="time"></div>
                <form action="pl.html">
                  <div class="text word3">
                    <input class="boxx" hidden id="btt4" type="text" name="umid">
                    <button class="btnbtn" id="bt4" type="submit" value="登入">
                  </div>
                </form>
                <div class="do">
                  <div id="dianzhan4" class="good btn"></div>
                  <div id="dj4" class="look btn"></div>
                  <div id="pingr4" class="common btn"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="side">
          <div class="item">
            <div class="title">创作中心</div>
            <div class="content">
              
            </div>
            <div id="kscz" class="btn">开始创作</div>
          </div>
          <div class="item">
            <div class="title">网站公告</div>
            <div class="content">

              <div id="gg1" class="row sb"></div>
              <div id="gg2" class="row sb"></div>
              <div id="gg3" class="row sb"></div>
            </div>
          </div>
        </div>
      </div>
    </thead>
    <tbody id="ymzs">

    </tbody>
  </table>

  <nav class="a-1">
    <a href="javascript:void(0)">第一页</a>
    <a href="javascript:void(0)">上一页</a>
    <span></span>
    <a href="javascript:void(0)">下一页</a>
    <a href="javascript:void(0)">最后一页</a>
  </nav>

  <!-- 公告弹框 -->
  <div id="ggDialog" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">公告内容</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div id="ggnr1" class="modal-body">
        </div>

        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>

        </div>
      </div>
    </div>
  </div>

  <!-- 公用消息轻提示 -->
  <div class="toast-container position-fixed bottom-0 end-0 p-3">
    <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
      <div class="toast-header">
        <strong class="me-auto">服务器消息</strong>
        <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
      </div>
      <div class="toast-body">
        Hello, world! This is a toast message.
      </div>
    </div>
  </div>
  <!-- 公用消息轻提示结束 -->



  <script src="./boot/popper.min.js"></script>
  <script src="./boot/bootstrap.min.js"></script>
  <script src="./libs/qs.min.js"></script>
  <script src="./js/twtwz.js" type="module"></script>
</body>

</html>